﻿* { padding:0; margin:0; border:none;outline:none;}
html{color:#333;background:#fff; }
body { color:#333;font:14px/1.231 arial,helvetica,clean,sans-serif,"宋体";font-family:Microsoft YaHei;} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}

ul,li { list-style-type:none;}
a{color: #333; text-decoration: none;}
a:hover {text-decoration: none;}
.mt10{ margin-top:10px;}
.mt3{ margin-top:2px;}
.red{ color:red}
img{ border:none;}
.fl{ float:left;}
.fr{ float: right;}
.clear{ clear:both;}
.db{ display:block;}
.c999{ color:#999}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.overhidden { overflow:hidden; _display:inline-block; }
.align_c { text-align:center; }
.align_l { text-align:left; }
.align_r { text-align:right; }
em{ font-style: normal;}
.fl { float:left; }
.fr { float:right; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mb5 { margin-bottom:5px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mlr5 { margin-left:5px; margin-right:5px; }
.mlr10 { margin-left:10px; margin-right:10px; }
.mlr15 { margin-left:15px; margin-right:15px; }
.mlr20 { margin-left:20px; margin-right:20px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt40 { padding-top:40px; }
.plr5 { padding-left:5px; padding-right:5px; }
.plr10 { padding-left:10px; padding-right:10px; }
.plr15 { padding-left:15px; padding-right:15px; }
.plr20 { padding-left:20px; padding-right:20px; }
.ptb5 { padding-top:5px; padding-bottom:5px; }
.ptb10 { padding-top:10px; padding-bottom:10px; }
.ptb15 { padding-top:15px; padding-bottom:15px; }
.ptb20 { padding-top:20px; padding-bottom:20px; }
.pl30 { padding-left:30px; }
.p10 { padding:10px; }
.p20 { padding:20px; }
.p30 { padding:30px; }
.lh20 { line-height:20px; }
.lh22 { line-height:22px; }
.lh24 { line-height:24px; }
.lh26 { line-height:26px; }
.lh28 { line-height:28px; }
.lh30 { line-height:30px; }
.lh40 { line-height:40px; }
.lh36 { line-height:36px; }
.f12 { font-size:12px; }
.f14 { font-size:14px; }
.f16 { font-size:16px; }
.f18 { font-size:18px; }
.f20 { font-size:20px; }
.f36 { font-size:36px; }
.c_f60{ color:#f60}
.red{ color:red}
.c_b80004{ color:#b80004}
.c_e74800{ color:#e74800}


.headbg{ width:100%; height:105px; overflow:hidden; background:#FFFFFF;	}
.head{ margin:0 auto; width:1200px;}
.logo{ float:left; width:160px; margin-top:26px;}
.nav{ float: right; width:930px;}
.nav ul{ float:left; width:856px;}
.lang{ float:right; width:74px;height:25px; margin-top:40px;}
.nav ul li{ float:left; width:122px; line-height:105px; font-size:16px; text-align:center}
.nav ul li a{ color:#000000;}
.nav ul li a:hover{ font-weight:bold; text-decoration:underline}
.lang a.en{ color:#000; background: #fff; width:37px; height:24px; font-size:12px; display: inline-block; text-align:center; line-height:24px;}
.lang a.cn{ color:#fff; background: #000; width:37px; height:24px; font-size:12px; display: inline-block; text-align:center; line-height:24px;}

#banner{overflow:hidden;width:100%; text-align:center ; }
#banner .fullSlide {width:100%;	position:relative;height:500px;}
#banner .fullSlide .bd {	margin:0 auto;	position:relative;	width:100%;	overflow:hidden;}
#banner .fullSlide .bd ul {	width:100% !important;}
#banner .fullSlide .bd li {	width:100% !important;	height:500px;	overflow:hidden;	text-align:center;}
#banner .fullSlide .bd li a {	display:block;	height:500px;}
#banner .fullSlide .hd {	width:100%;	position:absolute;	z-index:1;	bottom:5px;	left:0;	height:30px;	line-height:30px;}
#banner .fullSlide .hd ul {	text-align:center; width:100px; margin:0 auto; background:rgba(255,255,255,0.8); border-radius:15px; box-shadow: 0px 0px 5px #aaa}
#banner .fullSlide .hd ul li {	cursor:pointer;	display:inline-block;	*display:inline;	zoom:1;	width:20px;	height:20px;	margin:2px;	overflow:hidden;background: url(../images/small.png) center no-repeat;	filter:alpha(opacity=80);	opacity:0.8;	line-height:999px;}
#banner .fullSlide .hd ul .on {	background: url(../images/big.png)center no-repeat ;filter:alpha(opacity=80);	opacity:0.8;}
#banner .fullSlide .prev,.fullSlide .next {	display:block;	position:absolute;	z-index:1;	top:50%;	margin-top:-30px;	left:5%;index:1;width:40px;	height:60px;	cursor:pointer;	filter:alpha(opacity=50);	opacity:0. 5;	display:none;}
#banner .fullSlide .next {	left:auto;	right:5%;	background-position:-6px -137px;}


.search_bg{ width:100%; height: 100px; background:url(../images/search_bg.jpg) repeat-y center; overflow:hidden; }
.search_box{ margin:0 auto; width:1200px;}
.ys{ float:left; width:395px;height: 100px; background:url(../images/ys_icon.jpg) left center no-repeat; color:#fff; padding-left:65px;}
.ys h3{ margin-top:17px;}
.ys p{ font-size:12px; margin-top:5px; line-height:20px;}
.search{ float:left; width:705px; padding-left:35px; height:82px; padding-top:18px;}
.search_box_box{float:left; width:680px; height:38px; border:1px solid #000; background:#fff; overflow:hidden; margin-top:10px;}
.keyword{ font-weight:bold; color:#333;}
.s_int{ height:20px; line-height:20px; width:600px; float:left; margin:9px 10px;}
.s_btn{ background:url(../images/ico_search_20.gif) no-repeat; height:20px; line-height:20px; cursor:pointer; width:20px; float:right; margin:9px 10px;}

.first_box{ margin:0 auto; width:1200px;}
.first_box ul{ margin:60px 0; overflow:hidden;}
.first_box ul li{ float:left; width:400px; height:145px;}
.first_box_img{float:left; width:30px; height:145px;}
.first_box_txt{ float:left; width:355px; margin-left:15px; line-height:24px;}
.first_box_txt h3{ margin-bottom:10px;}
.more{ background:url(../images/go.png) no-repeat right; padding-right:15px; margin-left:10px; }
.mt40{margin-top:40px;}

.pro_bg{ width:100%; height:645px; overflow:hidden; background:url(../images/product_bg.jpg) center no-repeat;}
.index_pro{ margin:0 auto; width:1200px;}
.index_pro_title{ float:left; width:1200px; height:92px; background:url(../images/indexline.png) center no-repeat; margin-top:35px; text-align:center; color:#fff;}
.index_pro_title h3{ font-weight:normal; font-size:20px}
.index_pro_title strong{ font-size:30px; font-weight: normal}
.index_pro_title  p{ margin-top:25px;}
.index_pro_con{ float:left; width:1200px; height:400px; margin-top:35px; overflow:hidden}
.index_pro_con ul{ width:1212px}
.index_pro_con ul li{ float: left; margin-right:15px; width:280px; height:400px; background:#fff; padding:4px; text-align:center}
.index_pro_con ul li .index_pro_pic{ width:280px; height:200px; overflow:hidden; display:block; margin-bottom:10px;}
.index_pro_name {position: relative;display: inline-block;padding-bottom: 3%;margin-bottom: 4%;font-size: 24px; font-weight:bold; letter-spacing:1px;line-height:2.4;color: #333;font-family: '微软雅黑';}
.index_pro_name:after {content: "";display: inline-block;position: absolute;left: 50%;bottom: 0;width: 50px;height: 1px;background: #cccccc;margin-left: -25px;}
.index_pro_more a.see_more {display: inline-block;width: 60%;border: 1px solid #c9c9c9;margin-top: 12%;font-family: '微软雅黑';font-size: 14px;line-height: 40px;color: #999;-webkit-transition: all 0.8s;transition: all 0.8s;}
.index_pro_morea a.see_more:hover {border-color: #0059af;background: #0059af;color: #fff;}


.service{ margin:0 auto; width:1200px; height:670px;}
.service_title{ float:left; width:1200px; height:92px; background:url(../images/indexline.png) center no-repeat; margin-top:55px; text-align:center; }
.service_title h3{ font-weight:normal; font-size:20px; color:#b10909;}
.service_title strong{ font-size:30px; font-weight: normal}
.service_title  p{ margin-top:25px; color:#333;}

.servicelist{ float:left; width:1200px; margin-top:55px;}
.servicelist li{ float:left; width:370px; margin-right:30px;color:#555; line-height:30px;}
.s_name{ margin-top:15px; height:30px; line-height:30px; overflow:hidden;  width:370px; display:block}
.s_txt{ margin-top:15px; height:90px; line-height:30px; overflow:hidden; display:block}

.indexabout_bg{ width:100%; height:550px; overflow:hidden; background:#208bee;}
.indexabout{ margin:0 auto; width:1200px; color:#fff; overflow:hidden}
.indexabout .service_title  p{ color:#fff}
.indexabout .service_title  h3{ color:#fff}
.indexabout .indexabout_txt{ margin:0 auto; width:775px;text-align:center; }
.mb45{margin-bottom:45px;}

.indexabout_txt p a{ color:#fff; }
.about_icon{ float:left; width:775px; display: block; margin-top:45px;}
.about_icon a{ display:block; width:85px; height:20px; float: left;padding-top:110px;}
.about_icon a.about_01{ background:url(../images/about_1.png) no-repeat top; margin-right:145px}
.about_icon a.about_02{ background:url(../images/about_2.png) no-repeat top;  margin-right:145px}
.about_icon a.about_03{ background:url(../images/about_3.png) no-repeat top; margin-right:145px }
.about_icon a.about_04{ background:url(../images/about_4.png) no-repeat top; }

.footbg{ width:100%; height:230px; background:#2d2d2d; color:#bbb; font-size:13px;}
.foot{ margin:35px  auto 0; width:1200px; overflow:hidden}
.foot ul{ margin-top:20px; width:1200px; float:left; height:180px;} 
.foot ul li{ float:left; width:145px; line-height:30px;} 

.foot ul li a{ color:#ccc; }
.foot ul li.foot_03{ width:170px;}
.foot ul li.foot_05{ width:300px; font-size:13px;}
.foot ul li.foot_06{ width:200px; float:right; margin-top:30px;}
.copy{ width:1200px; float:left}
.copy a{ color:#ccc}


.abanner{ background:url(../images/abanner.jpg) center; width:100%; height:150px; padding-top:110px; text-align:center}
.nbanner{ background:url(../images/nbanner.jpg) center; width:100%; height:150px; padding-top:110px; text-align:center}
.sbanner{ background:url(../images/sbanner.jpg) center; width:100%; height:150px; padding-top:110px; text-align:center}
.pbanner{ background:url(../images/pbanner.jpg) center; width:100%; height:150px; padding-top:110px; text-align:center}
.bannertxt{ color:#fff;}
.bannertxt h2{font-size: 50px; font-weight:normal;}
.bannertxt p{ font-size:18px;font-family: Arial;text-transform: uppercase;padding-top: 25px;}

.locationBox{ padding:20px 0; width:100%;background: #f2f2f2;}
.loaction{ margin:0 auto; width:1200px; background:url(../images/home.png) no-repeat left; text-indent:30px; line-height:30px; height:30px;color: #666666;font-size: 14px;}
.l_home{ background:url(../images/l_arrow.png) right no-repeat; padding-right:10px; margin-right:5px;}
.loaction a{ color:#777}

.wrap{ margin:0 auto; width:1200px; padding-top:45px;}
.w_left{ float:left; width:250px;}
.w_right{ float: right; width:900px;}
.w_left .cerBox{background:#208bee;text-align:center;padding:30px 0;}
.w_left .cerBox h3{color:#FFF;font-size:22px;font-weight:normal;}
.w_left .cerBox p{color:#FFF;font-size:12px;font-family:Arial;text-transform:uppercase;padding-top:7px;}
.w_left .navul{}
.w_left .navul li{background:#f2f2f2;text-align:center;height:80px;line-height:80px;position:relative;border-bottom:1px solid #cecece;}
.w_left .navul li:before{content:"";display:none;position:absolute;top:0;left:0;z-index:2;width:2px;height:100%;background:#cd1224;}
.w_left .navul li a{color:#333333;font-size:18px;display:block;}
.w_left .navul li:hover:before,
.w_left .navul li:hover a .icon-angle-right,
.w_left .navul li.active:before,
.w_left .navul li.active a .icon-angle-right{display:block;}
.w_left .navul li:hover,
.w_left .navul li.active{background:#FFF;}
.w_left .navul li:hover a,
.w_left .navul li.active a{color:#cd1224;}


.vedaBox{text-align:center;overflow:hidden;padding-bottom:30px;}
.vedaBox .spans{position:relative;display:inline-block;}
.vedaBox .spans:before{content:"";display:block;position:absolute;top:50%;margin-top:-16px;left:-400px;z-index:2;width:380px;height:32px;background:url(../images/vedal.jpg) no-repeat right;}
.vedaBox .spans:after{content:"";display:block;position:absolute;top:50%;margin-top:-16px;right:-400px;z-index:2;width:380px;height:32px;background:url(../images/vedar.jpg) no-repeat;}
.vedaBox .big{color:#333333;font-size:24px;display:block; font-weight:bold}

.content {color:#666666;font-size:14px;line-height:26px; margin-bottom:40px; min-height:400px;}

.message input,.message textare,.search_input,.search_select{ border:1px solid #ddd; padding:3px 5px;font-family: "Microsoft Yahei";}
.btn{ cursor:pointer; width:80px; height:40px; background:#fe9e29; border:none; border-radius:5px; color:#fff; font-family: "Microsoft Yahei"; font-size:16px;}

.partner dl{ width:900px; padding:10px 0; margin: 0; border-bottom:1px dotted #888; height:110px;}
.partner dl:hover{ background:#eee;}
.partner dl dt{ float:left; width:150px; height:110px;}
.partner dl dd{ float:right; width:740px; line-height: }
.partner dl dd h3{font-size:14px;}
.partner dl dd p{ color:#555;font-size:12px;}

.pagebox{width:900px; float:left;  margin:20px 0;}
#pagelist { float:left;width:860px; margin:10px 20px; padding:0; height:20px;}
#pagelist ul li { float:left; height:20px; line-height:20px; margin:0px 3px; }
#pagelist ul li a{ display:block; padding:0px 6px; background:#888;font-size:12px; font-family:Verdana;border:1px solid #fff; color:#fff;}
.current {background: #888; display:block; padding:0px 10px; font-weight:bold;color:#fff;font-family:Verdana;border:1px solid #888;}

.ntitle{ text-align:center; line-height:38px; font-size:18px; font-weight:bold;  color:#000;}
.addtiem{ width:900px; text-align:center;border-bottom:2px solid #ddd; margin-bottom:15px; padding-bottom:15px;}
.partnertxt{width:900px; line-height:30px; font-size:14px;}
.npage{ float: left; width:900px; border-top:1px solid #ccc; margin:25px 0; padding-top:15px;}

.prolist{width:900px; }
.prolist { overflow:hidden;}
.prolist ul{ float:left; width:960px;}
.prolist ul li{ float:left; width:210px; margin:10px 0 0 0; margin-right:19px; text-align:center; }
.prolist ul li a{ color:#555; line-height:24px;}
.prolist ul li a img{ width:210px; height:180px;}
.prolist  .propic,.protxt{ margin-top:10px; float:left; width:900px;}
.propic{ text-align:center;}
.protit{float: left; width:100%; height:35px; line-height:35px; border-bottom:2px solid #ddd;font-size:18px; color:#555; font-weight:bold}
.txtbox{ float:left; width:730px; padding:10px 0; }


.prodetail{float:left; width:894px; margin-top:15px;}
.prodetail .jstitle{ width:894px; height:35px; line-height:35px; border-bottom:1px solid #cd1224}
.prodetail .jstitle span{ width:100px; height:35px; background:#cd1224; display:block;     border-radius: 5px 5px 0 0; text-align:center; color:#fff}
.protxt{float:left; width:894px; margin-top:15px; }


.info_picbox{ float:left; width:894px;}
.infobox{ float: right; width:474px; height:420px;}
.infobox h2{float:  left; width:474px; padding-bottom:10px; line-height:50px; margin-bottom:15px; font-size:30px;  font-weight: normal; border-bottom:  double 4px #cd1224}
.infobox .info{ line-height:26px;}

/*==========pic===========*/

.pic_box{ float:left; width:402px; height:420px;}
#preview{ width:402px;}
.jqzoom{ width:400px; border:1px solid #1c0e05; padding:2px;  height:340px; position:relative;}

.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:400px; height:90px; padding-top:11px; overflow:hidden;}
#spec-left{ background:url(../images/left.gif) no-repeat; width:13px; height:45px; float:left; cursor:pointer; margin-top:12px;}
#spec-right{background:url(../images/right.gif) no-repeat; width:13px; height:45px; float: right;cursor:pointer; margin-top:12px;}
#spec-list{ float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul{}
#spec-list ul li{ float:left; width:65px; padding-right:8px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:60px; height:60px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:360px; margin-right:0px; padding-left:6px; height:70px;}
#spec-list div{ margin-top:0; *margin-left:0;}





